/**
 * 头部模板
 */
var header_tpl = '';

header_tpl += '<script type="text/html" id="navbar_tpl">';
//header_tpl += '<div class="navbar navbar-default" id="navbar">';
header_tpl += '	<script type="text/javascript">';
header_tpl += '		try{ace.settings.check("navbar" , "fixed")}catch(e){}';
header_tpl += '	</script>';

header_tpl += '	<div class="navbar-container" id="navbar-container">';
header_tpl += '		<div class="navbar-header pull-left">';
header_tpl += '			<a href="#" class="navbar-brand">';
header_tpl += '				<small>';
header_tpl += '					<i class="icon-leaf"></i>';
header_tpl += '					{{system_name}}';
header_tpl += '				</small>';
header_tpl += '			</a><!-- /.brand -->';
header_tpl += '		</div><!-- /.navbar-header -->';

header_tpl += '		<div class="navbar-header pull-right" role="navigation">';
header_tpl += '			<ul class="nav ace-nav">';
header_tpl += '				<li class="grey">';
header_tpl += '					<a data-toggle="dropdown" class="dropdown-toggle" href="#">';
header_tpl += '						<i class="icon-tasks"></i>';
header_tpl += '						<span class="badge badge-grey">4</span>';
header_tpl += '					</a>';

header_tpl += '					<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">';
header_tpl += '						<li class="dropdown-header">';
header_tpl += '							<i class="icon-ok"></i>';
header_tpl += '							4 Tasks to complete';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<div class="clearfix">';
header_tpl += '									<span class="pull-left">Software Update</span>';
header_tpl += '									<span class="pull-right">65%</span>';
header_tpl += '								</div>';

header_tpl += '								<div class="progress progress-mini ">';
header_tpl += '									<div style="width:65%" class="progress-bar "></div>';
header_tpl += '								</div>';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<div class="clearfix">';
header_tpl += '									<span class="pull-left">Hardware Upgrade</span>';
header_tpl += '									<span class="pull-right">35%</span>';
header_tpl += '								</div>';

header_tpl += '								<div class="progress progress-mini ">';
header_tpl += '									<div style="width:35%" class="progress-bar progress-bar-danger"></div>';
header_tpl += '								</div>';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<div class="clearfix">';
header_tpl += '									<span class="pull-left">Unit Testing</span>';
header_tpl += '									<span class="pull-right">15%</span>';
header_tpl += '								</div>';

header_tpl += '								<div class="progress progress-mini ">';
header_tpl += '									<div style="width:15%" class="progress-bar progress-bar-warning"></div>';
header_tpl += '								</div>';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<div class="clearfix">';
header_tpl += '									<span class="pull-left">Bug Fixes</span>';
header_tpl += '									<span class="pull-right">90%</span>';
header_tpl += '								</div>';

header_tpl += '								<div class="progress progress-mini progress-striped active">';
header_tpl += '									<div style="width:90%" class="progress-bar progress-bar-success"></div>';
header_tpl += '								</div>';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								See tasks with details';
header_tpl += '								<i class="icon-arrow-right"></i>';
header_tpl += '							</a>';
header_tpl += '						</li>';
header_tpl += '					</ul>';
header_tpl += '				</li>';

header_tpl += '				<li class="purple">';
header_tpl += '					<a data-toggle="dropdown" class="dropdown-toggle" href="#">';
header_tpl += '						<i class="icon-bell-alt icon-animated-bell"></i>';
header_tpl += '						<span class="badge badge-important">8</span>';
header_tpl += '					</a>';

header_tpl += '					<ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">';
header_tpl += '						<li class="dropdown-header">';
header_tpl += '							<i class="icon-warning-sign"></i>';
header_tpl += '							8 Notifications';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<div class="clearfix">';
header_tpl += '									<span class="pull-left">';
header_tpl += '										<i class="btn btn-xs no-hover btn-pink icon-comment"></i>';
header_tpl += '										New Comments';
header_tpl += '									</span>';
header_tpl += '									<span class="pull-right badge badge-info">+12</span>';
header_tpl += '								</div>';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<i class="btn btn-xs btn-primary icon-user"></i>';
header_tpl += '								Bob just signed up as an editor ...';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<div class="clearfix">';
header_tpl += '									<span class="pull-left">';
header_tpl += '										<i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>';
header_tpl += '										New Orders';
header_tpl += '									</span>';
header_tpl += '									<span class="pull-right badge badge-success">+8</span>';
header_tpl += '								</div>';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<div class="clearfix">';
header_tpl += '									<span class="pull-left">';
header_tpl += '										<i class="btn btn-xs no-hover btn-info icon-twitter"></i>';
header_tpl += '										Followers';
header_tpl += '									</span>';
header_tpl += '									<span class="pull-right badge badge-info">+11</span>';
header_tpl += '								</div>';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								See all notifications';
header_tpl += '								<i class="icon-arrow-right"></i>';
header_tpl += '							</a>';
header_tpl += '						</li>';
header_tpl += '					</ul>';
header_tpl += '				</li>';

header_tpl += '				<li class="green">';
header_tpl += '					<a data-toggle="dropdown" class="dropdown-toggle" href="#">';
header_tpl += '						<i class="icon-envelope icon-animated-vertical"></i>';
header_tpl += '						<span class="badge badge-success">5</span>';
header_tpl += '					</a>';

header_tpl += '					<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">';
header_tpl += '						<li class="dropdown-header">';
header_tpl += '							<i class="icon-envelope-alt"></i>';
header_tpl += '							5 Messages';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<img src="../Web-Statics/plus/ace/assets/avatars/avatar.png" class="msg-photo" alt="Alexs Avatar" />';
header_tpl += '								<span class="msg-body">';
header_tpl += '									<span class="msg-title">';
header_tpl += '										<span class="blue">Alex:</span>';
header_tpl += '										Ciao sociis natoque penatibus et auctor ...';
header_tpl += '									</span>';

header_tpl += '									<span class="msg-time">';
header_tpl += '										<i class="icon-time"></i>';
header_tpl += '										<span>a moment ago</span>';
header_tpl += '									</span>';
header_tpl += '								</span>';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<img src="../Web-Statics/plus/ace/assets/avatars/avatar3.png" class="msg-photo" alt="Susan Avatar" />';
header_tpl += '								<span class="msg-body">';
header_tpl += '									<span class="msg-title">';
header_tpl += '										<span class="blue">Susan:</span>';
header_tpl += '										Vestibulum id ligula porta felis euismod ...';
header_tpl += '									</span>';

header_tpl += '									<span class="msg-time">';
header_tpl += '										<i class="icon-time"></i>';
header_tpl += '										<span>20 minutes ago</span>';
header_tpl += '									</span>';
header_tpl += '								</span>';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<img src="../Web-Statics/plus/ace/assets/avatars/avatar4.png" class="msg-photo" alt="Bobs Avatar" />';
header_tpl += '								<span class="msg-body">';
header_tpl += '									<span class="msg-title">';
header_tpl += '										<span class="blue">Bob:</span>';
header_tpl += '										Nullam quis risus eget urna mollis ornare ...';
header_tpl += '									</span>';

header_tpl += '									<span class="msg-time">';
header_tpl += '										<i class="icon-time"></i>';
header_tpl += '										<span>3:15 pm</span>';
header_tpl += '									</span>';
header_tpl += '								</span>';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<li>';
header_tpl += '							<a href="inbox.html">';
header_tpl += '								See all messages';
header_tpl += '								<i class="icon-arrow-right"></i>';
header_tpl += '							</a>';
header_tpl += '						</li>';
header_tpl += '					</ul>';
header_tpl += '				</li>';

header_tpl += '				<li class="light-blue">';
header_tpl += '					<a data-toggle="dropdown" href="#" class="dropdown-toggle">';
header_tpl += '						<img class="nav-user-photo" src="../Web-Statics/plus/ace/assets/avatars/user.jpg" alt="Jasons Photo" />';
header_tpl += '						<span class="user-info">';
header_tpl += '							<small>Welcome !</small>';
header_tpl += '							<span>{{admin_name}}</span>';
header_tpl += '						</span>';

header_tpl += '						<i class="icon-caret-down"></i>';
header_tpl += '					</a>';

header_tpl += '					<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">';
header_tpl += '						<li>';
header_tpl += '							<a href="#">';
header_tpl += '								<i class="icon-user"></i>';
header_tpl += '								个人资料';
header_tpl += '							</a>';
header_tpl += '						</li>';

header_tpl += '						<!--<li class="divider"></li>-->';

header_tpl += '						<li>';
header_tpl += '							<a href="javascript:void(0);" v-on:click="logout">';
header_tpl += '								<i class="icon-off"></i>';
header_tpl += '								注销登录';
header_tpl += '							</a>';
header_tpl += '						</li>';
header_tpl += '					</ul>';
header_tpl += '				</li>';
header_tpl += '			</ul><!-- /.ace-nav -->';
header_tpl += '		</div><!-- /.navbar-header -->';
header_tpl += '	</div><!-- /.container -->';
//header_tpl += '</div>';
header_tpl += '</script>';

// 获取模板
var tpl = document.getElementById('header_tpl');
// 模板不存在
if(tpl == null){
	// 加载模板
	document.body.innerHTML += header_tpl;
}

